import { cn } from "@/utils/twMerge";
import { Spin } from "antd";
import { FC } from "react";

const Loading: FC<{ show: boolean; className?: string }> = (props) => {
  const { className } = props;
  return (
    <div
      className={cn(
        "bg-white w-screen h-screen  ",
        props.show ? "block" : "hidden",

        !!className && className
      )}
    >
      <div className="flex justify-center flex-col items-center gap-5 mt-96">
        <Spin size="large" />
        <div>Loading...</div>
      </div>
    </div>
  );
};

export default Loading;
